<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>連絡</title>
		<link rel="stylesheet" type="text/css" href="../css/template.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/add_new_org.css" />
		
		<script type="text/javascript">
			
			var sendGmail = function() {
				var str = 'http://mail.google.com/mail/?view=cm&fs=1'+
	              '&to=chaupv.vn@gmail.com' +
	              '&su=フィードバック' + 
	              '&body=' + document.getElementsByName('emailContent') +
	              '&ui=1';
				location.href = str;
			}
		</script>
	</head>
<body>
	<div class="header"></div>
        
       <div class="menu">
    	<p class="menu_label">
        	
        </p>
    	<p class="menu_item">
        	<a href="../index.html">ホームページ</a>
            <a href="customers.html">顧客</a>
            <a href="#">連絡</a>
        </p>
   	</div>
       
	<div class="container">
		<div style="height: 600px;">
			<div class="abstract">
				<h1>
					へようこそT02
				</h1>
				<p>
					なんか問題があれば私たちを連絡してください。　いっつもいいです。
				</p>
				<p>
					<font style="color: red;text-decoration: underline; font-size: larger;">方法 1:</font> 左のフォームに記入してサブミットボタンをクリックしてください。
				</p>
				<p>
					<font style="color: red;text-decoration: underline; font-size: larger;">方法 2:</font> コイさんと電話をしてください。
				</p>
				<ul>
					<li>名前 ：ド・ミン・コイ</li>
					<li>電話番号：01689959193</li>
				</ul> 
			</div>
			
			<div class="image_demo" style="margin-top: 30px;">
				<div class="organization_info">
				<form action = "#" method="post" >
						<table>
	                        <tr>
	                            <td style="border: none;">
	                                <p class="label" style="width: 100px;">
	                                名前： 
	                                </p>
	                            </td>
	                            <td style="border: none;">
	                                <p class="input">
	                                    <input type="text" name="contactName" value=""  />
	                                </p>
	                            </td>
	                        </tr>
	                        
	                        <tr>
	                            <td style="border: none;">
	                                <p class="label" style="width: 100px;">
	                                    	メール : 
	                                </p>
	                            </td>
	                            <td  style="border: none;">
	                                <p class="input">
	                                    <input type="email" name="contactEmail" value=""  />
	                                </p>
	                            </td>
	                        </tr>
	                        
	                        <tr>
	                            <td  style="border: none;">
	                                <p class="label" style="width: 100px;">
	                                   	 内容 : 
	                                </p>
	                            </td>
	                            <td style="border: none;">
	                                <p class="input">
	                                    <textarea name="emailContent" rows="10" cols="45" style="width: auto; height: auto;"></textarea>
	                                </p>
	                            </td>
	                        </tr>
	                        
	                        
                        </table>
					
					<p class="button">
	                	<input type="submit" value="サブミット" name="submitButton" onclick="sendMail();"/>
	                    <input type="reset" value="リセット" name="resetButton" />
                	</p>
				</form>
				</div>
			</div>
		</div>
	</div>
	
	<div class="footer"></div>
</body>
</html>